<div class="list_share_icon">
    <?php
    if(!empty ($this->arrAlbums)&&count($this->arrAlbums)>0){
        $arrAlbums = array_values($this->arrAlbums);
    }
    ?>
    <ul class="left">
        <li><g:plusone size="small" annotation="none"></g:plusone></li>
        <li>
            <a rel="nofollow" class="icon_portal_thethao icon_facebook" href="javascript:;" onclick="shareFB();" title="Chia sẻ facebook">&nbsp;</a>
        </li>
        <li>
            <a rel="nofollow" class="icon_portal_thethao icon_banbe" href="javascript:;" onclick="shareBB();" title="Chia sẻ banbe.net">&nbsp;</a>
        </li>
        <li>                        
            <a rel="nofollow" class="icon_portal_thethao icon_tiwer" target="_blank" href="javascript:;" onclick="shareTT();" data-lang="en">&nbsp;</a>
        </li>
        <li>
            <a rel="nofollow" class="icon_portal_thethao icon_letter" href="#">&nbsp;</a>
        </li>
        <li>
            <a rel="nofollow" class="icon_portal_thethao icon_printer" id="print_content" href="#">&nbsp;</a>
        </li>
        
    </ul>
</div>

<script type="text/javascript">
    
    //SETTING UP OUR POPUP
    //0 means disabled; 1 means enabled;
    var popupStatus = 0;

    //loading popup with jQuery magic!
    function loadPopup(){
            //loads popup only if it is disabled
            if(popupStatus==0){
                    $("#backgroundPopup").css({
                            "opacity": "0.7"
                    });
                    $("#backgroundPopup").fadeIn("slow");
                    $("#popup_email").fadeIn("slow");
                    popupStatus = 1;
            }
    }

    //disabling popup with jQuery magic!
    function disablePopup(){
            //disables popup only if it is enabled
            if(popupStatus==1){
                    $("#backgroundPopup").fadeOut("slow");
                    $("#popup_email").fadeOut("slow");
                    popupStatus = 0;
            }
    }

    // Centering popup
    function centerPopup(){
            //request data for centering
            var windowWidth = document.documentElement.clientWidth;
            var windowHeight = document.documentElement.clientHeight;
            var popupHeight = $("#popup_email").height();
            var popupWidth = $("#popup_email").width();
            //centering
            $("#popup_email").css({
                    "position": "absolute",
                    "top": windowHeight/2-popupHeight/2,
                    "left": windowWidth/2-popupWidth/2
            });
            //only need force for IE6

            $("#backgroundPopup").css({
                    "height": windowHeight
            });

    }

    //Press Escape event!
    $(document).keypress(function(e){
            if(e.keyCode==27 && popupStatus==1){
                    disablePopup();
            }
    });

    $(document).ready(function(){
            // Loadding Popup
            $(".list_share_icon ul li .icon_letter").click(function(){

                    //centering with css
                    centerPopup();
                    //load popup
                    loadPopup();
            });

    });
</script>